<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <!--文档编码-->
    <meta charset="utf-8">
    <!--为了让IE以最新的标准和模式进行当前页面的渲染：为了让 IE 浏览器运行最新的渲染模式下-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!--移动端的适配-->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>longh</title>

    <!-- Bootstrap  引入当前bootstrap框架核心的样式文件 -->
    <link href="../css/bootstrap.css" rel="stylesheet">
    <link href="../css/head-nav.css" rel="stylesheet">
    <link rel="stylesheet" href="../css/traceability-platform.css">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries 在IE8及以下不支持响应式，所以引入文件是为了兼容IE8及以下版本的显示-->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// Respond.js如果通过file://打开则不会有效果，需要通过http:// |  https:// 协议打开-->
    <!--[if lt IE 9]>
    <script src="../js/html5shiv.min.js"></script>
    <script src="../js/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<!--<nav class="navbar navbar-default">-->
    <!--<div class="container">-->
        <!--&lt;!&ndash; Brand and toggle get grouped for better mobile display &ndash;&gt;-->
        <!--<div class="navbar-header">-->
            <!--<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">-->
                <!--<span class="sr-only">Toggle navigation</span>-->
                <!--<span class="icon-bar"></span>-->
                <!--<span class="icon-bar"></span>-->
                <!--<span class="icon-bar"></span>-->
            <!--</button>-->
            <!--<a class="navbar-brand" href="#"><img src="../images/log.png" alt=""></a>-->
        <!--</div>-->

        <!--&lt;!&ndash; Collect the nav links, forms, and other content for toggling &ndash;&gt;-->
        <!--<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">-->
            <!--<ul class="nav navbar-nav" id="nav-click">-->
                <!--<li class="active"><a href="#">关于万荣 <span class="sr-only">(current)</span></a></li>-->
                <!--<li><a href="#">产品频道</a></li>-->
                <!--<li><a href="#">企业大事记</a></li>-->
                <!--<li><a href="#">溯源平台</a></li>-->
            <!--</ul>-->
        <!--</div>&lt;!&ndash; /.navbar-collapse &ndash;&gt;-->
    <!--</div>&lt;!&ndash; /.container-fluid &ndash;&gt;-->
<!--</nav>-->
<div id="head">

</div>
<div class="container">
    <!--logo-->
    <div class="logo"><img src="../images/source-log.jpg" alt=""></div>
    <!--筛选-->
    <div class="sourceFilter">
        <i class="up1"></i><em class="down1"></em>
            <input type="text" value="板蓝根颗粒" id="nameInput">
            <input type="text" value="10克*8袋*200盒" id="contentInput">
        <i class="up2"></i><em class="down2"></em>
            <input type="text" value="170721011" id="numberInput">
            <button id="inquire">查询</button>
    </div>
    <!--结果查询-->
    <div class="sourceResult">
        <div class="titleResult">药品溯源信息结果查询</div>
        <div class="clearfix circles">
            <div class="circleResult productInfo">产品信息</div>
            <div class="circleResult productIn">产品入库信息</div>
            <div class="circleResult productOut">原料出库信息</div>
            <div class="circleResult materialIn">原料入库信息</div>
            <div class="circleResult supplier">原材料供应商信息</div>
        </div>
        <div class="nameResult"><i></i>物料名称：板蓝根</div>

    </div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) bootstrap是基于iQuery，所以先引入jq-->
<script src="../js/jquery.min.js"></script>
<script src="../js/adapter.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed 是bootstrap核心的js文件-->
<script src="../js/bootstrap.js"></script>
<script src="../js/base.js"></script>
<script src="../js/traceability-platform.js"></script>
</body>
</html>